@charset "utf-8";
*{margin:0;padding:0;}
img{border:none;}
body{font-size:12px;font-family:Tahoma, Verdana, Arial, sans-serif, "宋体"; background:url(bodybg.jpg) repeat-x;line-height:22px;color:#555555;}
ul,li{ list-style-type:none;}
a{ text-decoration:none; color:#555555;}
a:hover{ text-decoration:none; color:#E30306;}
h1,h2,h3{margin:0;padding:0;border:none}
h3 span{color:#333;padding-left:20px;font-size:14px;}
/**/
	/**/
	.clear{clear:both;}
	.float_left{float:left;}
	.float_right{float:right;}
	.no_bg{background:none!important;}
	.no_bor{ border:none!important;}
	/*6*/
	.clear6{overflow:hidden; height:6px; clear:both;}
	.clear5{overflow:hidden; height:5px; clear:both;}
	.clear0{overflow:hidden; height:1px; clear:both;}
	.claar10{overflow:hidden; height:10px; clear:both;}

.more{float:right; padding-right:10px;padding-top:8px;}
.h18{line-height: 18px;word-wrap:break-word}
.bold{font-weight:bold}


.left{float:left;}
.right{float:right;}

/*public*/
#top{ background:url(webbg.jpg) top no-repeat; width:1003px; margin:0 auto;}

#head{height:97px; width:950px; margin:0px 20px 0px 20px; background:url(logo.jpg) top left no-repeat; clear:both; overflow:hidden;}

.nav{ width:742px; float:left; padding-left:208px}
.nav li{ width:106px; float:left; height:41px; padding-top:25px}


.banner{width:960px; margin:0px auto; clear:both; overflow:hidden; padding-bottom:8px}
.banner .bnleft{float:left; width:463px;}
.banner .bnright{float:right; width:498px;}

.intro-style {
	Z-INDEX: 1; POSITION: absolute; WIDTH: 255px; BACKGROUND: url(intro_style.jpg); HEIGHT: 396px; VISIBILITY: visible; MARGIN-LEFT:705px
}

.playbox-swich {
	MARGIN: 350px 0px 0px 125px; PADDING-LEFT: 2px; WIDTH: 102px; BACKGROUND: url(bg_playswich.gif) no-repeat; HEIGHT: 20px
}
.intronum UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px; width:68px
}
.intronum LI {
	TEXT-ALIGN: center; PADDING-BOTTOM: 6px; padding-right:3px;BACKGROUND-COLOR: #000; MARGIN: 0px 1px 0px 0px; PADDING-LEFT: 0px; WIDTH: 14px; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 14px; COLOR: #ffffff; CURSOR: pointer; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
.intronum LI.on {
	BACKGROUND-COLOR: #ffffff; COLOR: #020202; width:22px;
}
.container {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.container * {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.container {
	POSITION: relative; WIDTH: 960px; BACKGROUND: url(bg_intro.gif) no-repeat; HEIGHT: 396px; OVERFLOW: hidden; margin:0 auto
}
.slider {
	POSITION: absolute; WIDTH: 4600px
}
.slider LI {
	LIST-STYLE-TYPE: none; WIDTH: 960px; DISPLAY: inline; FLOAT: left; LIST-STYLE-IMAGE: none; padding-top:76px; padding-left:5px
}
.slider IMG {
	WIDTH: 694px; DISPLAY: block; HEIGHT: 320px; 
}

.nbanner{width:960px; margin:0px auto; clear:both; overflow:hidden;}
.nbannertop{width:740px; margin:0 auto; background:url(position.gif) left no-repeat; padding-left:30px; padding-bottom:10px; padding-top:15px}

.banpic{height:186px;}

.nsearch{height:106px; background:url(nleftsearch.jpg) no-repeat;}
.ninputsearch{margin:0px 0px 15px 12px; padding-top:34px; height:22px; clear:both; overflow:hidden;}
.nsear{background:none; border:none; line-height:22px; width:230px; color:#fff;}
.nsearchbtn{height:35px; clear:both;}
.nsearchbtn li{float:left; margin-right:5px;}
.nsearchbtn li.nbtn{margin-left:15px; margin-right:0px;}

.banli{margin-top:5px; clear:both; overflow:hidden;}
.banli li{float:left; height:32px;}
.gk{background:url(gk1.jpg) no-repeat; height:220px; padding:30px 30px 0px 30px; clear:both; color:#fff; line-height:25px;}

/*home*/
.maina{width:950px; margin:8px auto; clear:both; overflow:hidden;}
.maina .aleft{float:left; width:680px;}
.maina .aleft .protitle{ width:680px; height:58px;}
.maina .aright{ float:left;width:270px; background:url(newleftbg.jpg) bottom left no-repeat; height:260px}
.maina .aright .newtitle{width:269px; height:58px;}
.maina .aright .newsbg{ margin-left:30px;width:249px;clear:both; overflow:hidden; padding-top:10px}
.maina .aright .newsbg li{ line-height:24px;}
.mainb{width:955px; margin:0px auto; clear:both; overflow:hidden;}
.mainb .bleft{float:left; width:193px; padding-right:17px}
.mainb .bright{float:right; width:740px;}
.nleftli{ padding:15px;}
.nleftli li {background:url(submenutitbg.jpg) repeat-y; line-height:32px; padding-left:30px }
.nleftbg{ height:49px;width:193px;}
.ncontact{ background:url(contactbg.jpg) no-repeat; width:163px; height:77px; padding-top:70px; padding-left:20px; padding-right:10px }

.rollBox{width:680px; margin:0 auto; overflow:hidden;height:200px; background:url(proleftbg.jpg) left no-repeat; padding-top:10px}
.rollBox .LeftBotton{height:32px;width:34px; background:url(prol.jpg) no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer; margin-top:56px; margin-left:20px}
.rollBox .RightBotton{height:32px;width:34px;background:url(pror.jpg) right no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer;margin-top:56px; } 
.rollBox .Cont{width:580px;overflow:hidden;float:left; }
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:124px;float:left;text-align:center;padding:7px;}
.rollBox .Cont .pic .img1{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto; width:111px;height:105px;}
.rollBox .Cont .pic p{padding-top:8px;margin:0px;text-align:center; font-size:12px;line-height:20px;overflow:hidden;display:inline;height:20px;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{text-decoration:none;}
.rollBox .Cont a:hover{text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

.iprotitle{ width:230px; background:url(protitle.jpg) top no-repeat; height:38px}
.iproclass{ padding:8px; background:url(probg.jpg) repeat-y}
.iproclass li{background:url(probg1.jpg) no-repeat; padding-left:25px; font-size:12px; line-height:22px;}
.iprobottom{ width:222px; background:url(probottom.jpg) top no-repeat; height:35px; padding-top:10px; padding-left:8px}

.hottitle{ width:430px; background:url(hotprotitle.jpg) top no-repeat; height:35px}
.ipro{width:410px; background:url(hotprobg.jpg) top no-repeat; height:287px; padding:10px}
.ipro li{width:100px;height:100px;float:left;list-style:none;padding-left:95px;margin-right:5px}
.ipro p{margin-bottom:5px}
.ipro .pic{float:left;width:76px;height:75px;border:1px solid #E7E7E7;background:#FAFAFA;margin-left:-95px;padding:1px;}



.ibli{margin-top:10px; background:url(line.gif) repeat-x bottom; padding-bottom:10px}
.ibli li{float:left; width:146px;}

.hotpro{ height:33px; line-height:33px; padding-left:5px; font-size:16px; margin:10px auto}

.i_job {
	WIDTH: 300px; FLOAT: left
}
.i_job h3{ font-size:16px; font-weight:100; padding-top:10px}
.i_vote {
	WIDTH: 300px; FLOAT: right
}
.i_vote h3{ font-size:16px; font-weight:100; padding-top:10px}
.i_vote H5 {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 26px; MARGIN: 10px 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: white; HEIGHT: 26px; FONT-SIZE: 12px; BORDER-TOP: #ccc 1px solid; FONT-WEIGHT: normal; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 0px
}
.i_vote #ballot {
	MARGIN-LEFT: 10px
}
.i_vote #button {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; LINE-HEIGHT: 22px; MARGIN: 15px 0px 10px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; DISPLAY: block; BACKGROUND: url(images/teyp_a_bg.gif) repeat-x left top; FLOAT: left; HEIGHT: 22px; COLOR: white; BORDER-TOP: medium none; BORDER-RIGHT: medium none; PADDING-TOP: 0px
}


.proclass{width:162px; margin:0 auto; clear:both; overflow:hidden;}
.proclass li{height:38px;line-height:38px; overflow:hidden; background:url(nleftlibg.jpg) no-repeat; text-align:center; margin-bottom:10px; margin-top:10px;}
.proclass li a:hover{color:#E30306;}


.nwebbg{width:950px; margin:0 auto; background:url(nwebbg.jpg) no-repeat;}

.nlefttitle{background:url(nleftbg.jpg) no-repeat; height:24px; line-height:24px; width:186px; margin:10px auto; padding-left:20px; font-weight:bold; clear:both;}

.onemain{width:950px; margin:20px auto; clear:both; overflow:hidden;}
.onemain .oleft{float:left; width:230px; margin-right:8px; background:url(oneleftbg.jpg) right top no-repeat;}
.onemain .oright{float:left; width:712px;}

.probg{background:url(probg.jpg) no-repeat; width:986px; margin:10px auto 21px auto; height:188px;}


.idl{background:url(agent.gif) no-repeat; height:191px; clear:both; }
.ial{background:url(al.jpg) no-repeat; height:159px; clear:both; margin-top:25px;}
.ial ul{padding-top:48px; margin-left:30px; width:290px; clear:both;}
.ial ul li{line-height:24px;}

.iprobg{height:33px; font-size:16px; clear:both; padding-top:10px}
.ilx{ clear:both; margin-top:8px; line-height:25px; padding-left:10px;}
.ipic{height:33px; background:url(ipic.jpg) no-repeat; clear:both; margin-top:8px;}
.ipicshow{width:275px; margin:5px auto; height:207px;}

.down_list {
	BORDER-BOTTOM: #f7f7f7 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 30px; PADDING-LEFT: 35px; PADDING-RIGHT: 10px; BACKGROUND: url(downlist_bg.gif) no-repeat left top; BORDER-RIGHT: #f7f7f7 1px solid; PADDING-TOP: 0px
}
.down_list SPAN {
	FLOAT: right
}
.d2 {
	COLOR: white
}
.d2 A {
	COLOR: white
}
.news_list {
	
}
.news_list LI {
	LINE-HEIGHT: 32px; PADDING-LEFT: 14px; BACKGROUND: url(dot_gray.gif) no-repeat left center
}
#content .news_list LI {
	BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 12px
}
.news_list LI SPAN {
	FLOAT: right; COLOR: #999
}


#honor{width:715px; margin:20px auto; line-height:25px;}
#honor li{float:left; width:130px; text-align:center; margin-right:5px; margin-left:5px}
#honor li img{width:120px; height:135px; margin:0 auto; display:block; border:1px solid #ddd; padding:5px;}
#honor li p{line-height:30px;}

.picnew li{width:175px;height:150px;float:left;list-style:none;padding-left:130px;margin-right:20px}
.picnew p{margin-bottom:5px}
.picnew .pic{float:left;width:120px;height:118px;border:1px solid #E7E7E7;background:#FAFAFA;margin-left:-130px;padding:1px;}


/*-----------neiye------------*/


.abouta{ text-decoration:none; font-size:14px; font-weight:bold; color:#FFFFFF; line-height:30px; padding-left:10px}
.infotitle{ background:url(titlebg.jpg) repeat-x; height:34px; padding-left:20px; line-height:34px}
.abouta:hover{ text-decoration:none; font-size:14px; font-weight:bold; color:#999999;line-height:30px; padding-left:10px}

.leftlx{ padding:150px 8px 0px 8px; clear:both;}


.ntitlebg{background:url(nrightbg.jpg) no-repeat; height:33px; line-height:33px; padding-left:25px; font-weight:bold; color:#fff; font-size:14px; clear:both;}


.box{border-left:1px solid #BBE8F7; border-right:1px solid #BBE8F7; background:#E0F4FB; padding:10px;}
.boxend{background:url(boxend.gif) no-repeat; height:10px;}
.box1{border-left:1px solid #BFD5ED; border-right:1px solid #BFD5ED; padding:10px;}
.box1 img{float:right; border:1px solid #ccc; padding:2px; margin-left:10px;}
.box1 .gmore{text-align:right; }
.box2{border-left:1px solid #BFD5ED; border-right:1px solid #BFD5ED; padding:10px; width:675px;}
.boxend1{background:url(gsjj_2.gif) no-repeat; height:12px; margin-bottom:20px;}
.boxend2{background:url(jswz_2.jpg) no-repeat; height:7px; margin-bottom:20px;}
.boxend3{background:url(cpzs_2.gif) no-repeat; height:15px;}




.nleft p{background:url(nwl.jpg) no-repeat; height:54px; width:200px; margin:0 auto; margin-bottom:10px;}


dl {width:148px;}
dl,dd {margin:0 auto;}
dt {background:#1F9AF3;padding:2px 0px 2px 10px;border-bottom:1px solid #fff;}
dt a { color: #FFF; }
dd a { color: #000;font-size: 12px; }



.nlist{width:160px; margin:0px auto; clear:both;}
.nlist li{background:url(newico.jpg) 2px 6px no-repeat; padding-left:20px; overflow:hidden; border-bottom:1px dashed #ccc; height:25px; line-height:25px;}
.nlist li a{color:#333;}
.nlist li a:hover{color:#ff3300;}
/*-------neiye end----*/

.inews{ margin-top:80px;}
.inews p{background:url(inews.jpg) no-repeat; height:32px;}
.inews li{line-height:24px; height:24px; background:url(dian.jpg) 2px 4px no-repeat;  overflow:hidden;}
.inews li.nob{border-bottom:none;float:right; width:100px; text-align:center; background:none;padding-top:5px;}
.inews li a{color:#000;}
.inews li a:hover{color:#ff3300;}


.jsnews{}
.jsnews li{line-height:23px; height:23px; background:url(jsnews.jpg) 2px 4px no-repeat; padding-left:20px; overflow:hidden;}
.jsnews li span{float:right; width:80px; text-align:center;}
.jsnews li a{color:#333;}
.jsnews li a:hover{color:#ff3300;}

.iproduct{line-height:1.3em;padding-top:10px;margin-bottom:10px; clear:both;}
.iproduct li{width:130px;height:150px;line-height:27px;margin-left:10px;padding-top:5px;text-align:center;float:left;overflow: hidden;display:inline;}
.iproduct .p_image{width:124px;height:120px;border:1px solid #D0D0D0; clear:both;text-align:center;margin-bottom:2px;}


.aboutli{padding:0px; width:210px; margin-top:10px; margin-bottom:10px; clear:both;}
.aboutli li{line-height:25px; height:25px; background:url(dian1.jpg) 10px 5px no-repeat; padding-left:25px; border-bottom:1px dashed #cdcdcd;}
.aboutli li a:hover{color:#ff6600;}


.content{padding:15px; word-break:break-all; margin:0px auto; text-align:justify;text-justify:inter-ideograph; color:#333; clear:both; overflow:hidden;}
.content h2{ background:url(pic_bg.gif) repeat-x; border-left:1px #dcdcdc solid; border-right:1px #dcdcdc solid;font-size:16px; color:#003399; text-align:center;line-height:61px; font-weight:normal; margin-bottom:15px}


.dapro{clear:both; margin-top:20px; margin-bottom:20px;}
.dapro ul{clear:both;}
.dapro li{float:left; width:200px; overflow:hidden; text-align:center;display:inline;overflow:hidden;}
.dapro li.plist{margin:0 8px 15px 15px;}
.dapro li p{width:181px; height:151px; margin:0 auto; background:url(dapro.jpg) no-repeat; overflow: hidden; font-size:100px; text-align:center;line-height:100px; position:relative;vertical-align:middle;display:table-cell; +position:static;top:50%; 
padding-top:5px; padding-top:5px\9; padding-top:0px\0; _padding-top:5px;}
.dapro li img{width:160px;max-height:140px;overflow:hidden;height:expression(this.height > 140 ? "140px" : this.height);background-color:#fff;}
.dapro li h3{text-align:center; line-height:30px; font-size:12px;display:inline-block;zoom:1; width:181px; height:30px; clear:both; background:url(probg1.jpg) no-repeat  center}


/*news*/
.news{padding:5px; margin-bottom:50px;}
.news li{list-style:none;margin:0;padding-left:15px;height:27px;line-height:27px;background:url(ico.gif) 0px 6px no-repeat;overflow:hidden;}
.news li a{color:#B6B6B6;}


.pclass{background:url(pclass.jpg) no-repeat; height:280px;}
.list{width:198px; margin: 45px auto;clear:both;overflow:hidden;}
.list li{background:url(pclassbg.jpg) no-repeat; height:24px; line-height:24px; padding-left:40px; font-weight:bold;margin-top:6px; margin-bottom:5px;}

.nadd{padding-top:150px;padding-left:10px;}



/*pronews*/
.product_list {
	background: url(bg_producto_lista.png) repeat-x bottom;
	border: 1px dashed #999;
	max-width:760px;
	position: relative;
	margin-bottom: 8px;
	height:110px;
	padding:3px 0 4px 3px;
	clear:both;
	
}
.product_list .new {
	position: absolute;
	bottom: 0;
	left: 0;
}

.product_list img, .producto_lista ul {
	float: left;
	width:110px;
}

.product_list h1 {
	margin: 5px 10px 0 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

.product_list p {
	margin: 5px 10px 0 5px;
	color: #737373;
	font-size: 12px;
	line-height: 25px!important;
}

#order{padding:10px 0 20px;width:650px; margin:0 auto;text-align:left}
#order h1{padding:15px 0 5px;font-size:22px}
#order p{margin:5px 0 10px;font-size:12px}
#order form{margin-left:30px}
.div_li{margin-bottom:10px}
#order label{margin:3px 0;font-weight:bolder;display:block}
#order label.checkbox{font-weight:normal;display:inline}
#order input{border:1px solid #aaa;padding:3px;font-size:12px;background-color:#fefefe;color:#000}
#order input:hover{border:1px solid #6ad}
#order .medium{width:220px}
#order .submit{margin-top:10px;cursor:hand}
#message{border:1px solid #aaa;padding:3px;font-size:12px;background-color:#fefefe;color:#000;width:500px;height:100px}
#demo{margin-top:10px}
.div_li font{padding-left:10px;font-size:12px;color:#777}
.div_li .red{color:#ff3300;}
.error,.success{padding:10px 20px;text-align:left;font-size:12px}
.error{background-color:#a22;color:#fff}
.success{background-color:#cfc;color:#051}

ul.product{clear:both;}
ul.product li{float:left;text-align:center;width:200px;margin:0 0 10px 0;display:inline;overflow:hidden;}
ul.product li.plist{margin:0 8px 15px 11px;}
ul.product li h3{display:inline-block;zoom:1;width:175px;height:35px;line-height:18px;padding-top:5px; font-size:12px; text-align:center;}
ul.product li p{width:175px; height:145px; font-size:100px; text-align:center;line-height:100px;position:relative;vertical-align:middle;display:table-cell; padding:5px; border:1px #e3e3e3 solid;overflow: hidden; +position:static;top:50%; align:absmiddle;background-color:#fff;}
ul.product li p img{width:expression(this.width > 175 && this.width > this.height ? 145 : true); height: expression(this.height > 145 ? 145 : true);
max-width:175px;max-height:145px;vertical-align:middle; top:-50%;left:-50%;}

#newlist{float:left; width:95%; margin-top:5px;overflow:hidden; clear:both;}
.newlista li{background:url(newt.gif) no-repeat 8px center; line-height:30px; padding-left:20px; color:#333; border-bottom:1px dashed #E2E2E2;font-size:14px;margin-bottom:5px;}
.newlista em{ float:right; width:auto; height:auto; color:#999; font-style:normal;}
.newlista a:hover{color:#ff6600;}


.promsg{padding:2px;}
.promsg a{margin-left:15px;font-weight:bold;}
.promsg h2{font-family: Microsoft YaHei,arial;font-weight:bold;color:#006699; border:1px #F4F4F4 solid; font-size:16px; background:#F4F4F4;position:relative;font-size:1.5EM;line-height:40px;text-align:center;}
.promsg .protop{text-align:center; border-bottom:1px dashed #999; padding-bottom:10px; margin-bottom:10px;line-height:30px;}
.promsg .protop,.promsg .protop a{margin-right:15px;color:#666666; font-weight:bold;}
.promsg .info{padding-top:10px;border-bottom:1px dashed #999;border-top:1px dashed #999; padding-bottom:10px;margin-bottom:10px;margin-top:10px;clear:both;}
.promsg .info,.promsg .info a {color:#074DBD;}
.promsg a{color:#666666;margin-right:10px;}

#xl{padding:5px;position:relative}
#xl li{padding:8px 10px;border-bottom:1px dotted #999;color:#999;overflow:hidden;zoom:1}
#xl li span{float:right;width:580px;color:#999;line-height:25px;}
#xl li a:link{color:#555555;}
#xl li a:hover,#xl li a:visited{color:#F16609}

#mian_piclink{ width:950px; margin:0 auto;clear:both; overflow:hidden;}
#mian_piclink li{ width:234px; float:left; padding-right:3px}

#bottombg{width:100%;clear:both;  background:url(bottom.jpg) top repeat-x; height:82px; padding-top:10px}
.endlogo{width:760px; margin:0 0 0 20px;clear:both; overflow:hidden; background:url(bottomlogo.jpg) left top no-repeat;  padding-left:200px; height:60px; padding-top:10px; margin:0 auto}
#endbg{ width:100%; background:url(bottombg.jpg) top repeat-x; padding-top:46px}
.end{ width:260px; margin:0 auto;clear:both; overflow:hidden; background:url(endpic.jpg) left top no-repeat;  padding-bottom:10px; padding-left:700px; height:50px}
.endwd{ width:960px; margin:0 auto;clear:both; overflow:hidden; padding-bottom:10px; padding-left:20px; border-bottom:1px #902F2B solid ; color:#F8D3D3}
.endlink{width:960px; margin:0 auto;clear:both; overflow:hidden;color:#A55E5C;padding-left:15px; padding-top:10px}
.endlink a:link,.endlink a:hover,.endlink a:visited{color:#A55E5C}

#footnav{width:760px; margin:0 auto;}
#footnav ul{width:760px; margin:0 auto;}
#footnav ul li{width:106px; height:35px; float:left; text-align:center; line-height:35px;}